﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Template.Master" Inherits="System.Web.Mvc.ViewPage<JLL.China.Web.Areas.Portal.Models.BannerModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<div id="page-heading">
         <a class="icons icon-circle-arrow-right"></a> <b><span class="show-listing">  Manange - Pages  </span> </b>
    </div>
    <div class="menu-nav">
        
    </div>
     <!-- end page-heading -->
    <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
        <tr>
            <th rowspan="3" class="sized">
                <img src="<%=Url.Content("~/Content/images/shared/side_shadowleft.jpg")%>" width="20"
                    height="300" alt="" />
            </th>
            <th class="topleft">
            </th>
            <td id="tbl-border-top">
                &nbsp;
            </td>
            <th class="topright">
            </th>
            <th rowspan="3" class="sized">
                <img src="<%=Url.Content("~/Content/images/shared/side_shadowright.jpg")%>" width="20"
                    height="300" alt="" />
            </th>
        </tr>
        <tr>
            <td id="tbl-border-left">
            </td>
            <td class="content-table-inner">
                <!--  start content-table-inner ...................................................................... START -->
                <div id="content-table-inner">
                     <!--  start message-blue -->
                         <% Html.RenderPartial("Measage");%>     
                          <!--  end message-blue -->
  <!--  start step-holder -->
      <!--  end step-holder -->
                    <form id="mainform" action="<%=Url.Content("~/") %>Portal/Pages" class="list_item_form" method="post">
                      <table border="0" width="50%" cellpadding="0" cellspacing="0" >
                       <th> <b>+ List Page</b></th>
                       <td style="padding-bottom: 18px;">
                       
                     <select name="listpage" class="chosen-select">
                       
                         <option>Please select</option>
                    <% foreach (var m in this.Model.ListPage)
                       {
                        %>
                        <option value="<%=m.ID%>"><%=m.Name%></option>
                         
                       <%} %>
                       </select>
                       </td>
                       <tr>
                       <th> <b>+ Side content</b></th>
                       <td > <%=(ViewData["ID"]!=null)?(ViewData["ID"].ToString()):"" %>
                            <select data-placeholder="List banners" name="banners[]"style="width:350px;" class="chosen-select" multiple tabindex="6">
                               <optgroup label="Static Banner">
                                    <% foreach (var m in this.Model.Statics)
                                   {
                                    %>
                                    <option value="<%=m.ID%>"><%=m.Title%>"</option>
                                     
                                   <%} %>
                               </optgroup>
                                <optgroup label="Dynamic Banner">
                                    <% foreach (var m in this.Model.Dynamic)
                                   {
                                    %>
                                    <option value="<%=m.ID%>"><%=m.Title%></option>
                                     
                                   <%} %>
                               </optgroup>
                           </select> 
                       </td>
                       </tr>
                       <tr><th></th><td></td></tr>
                       <tr>
                       <th> </th>
                       <td align="right">
                           <input type="submit" value="Submit" class="buttons" style="margin-right: 0 ;float: none"/>
                       </td>
                       </tr>
                       </table>
                  </form>
 
                </div>
                <!--  end table-content  -->
                 </td>
            <td id="tbl-border-right">
            </td>
        </tr>
        <tr>
            <th class="sized bottomleft">
            </th>
            <td id="tbl-border-bottom">
                &nbsp;
            </td>
            <th class="sized bottomright">
            </th>
        </tr>
    </table>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="CSS" runat="server">

 <link href="<%=Url.Content("~/Scripts/qtip2/jquery.qtip.min.css") %>" rel="stylesheet" type="text/css" />
  <link href="<%=Url.Content("~/Scripts/chosen/chosen.css")%>" rel="stylesheet" type="text/css" />
    
 
 <link href="<%=Url.Content("~/Content/css/mod-listing.css") %>" rel="stylesheet" type="text/css" />
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="JS" runat="server">
 <script src="<%=Url.Content("~/Scripts/knockout/knockout.js")%>" type="text/javascript"></script>

 <script src="<%=Url.Content("~/Scripts/knockout/knockout.mapping.js")%>" type="text/javascript"></script>
 <script src="<%=Url.Content("~/Scripts/qtip2/jquery.qtip.min.js")%>" type="text/javascript"></script>
 <script src="<%=Url.Content("~/Scripts/chosen/chosen.jquery.min.js")%>" type="text/javascript"></script>
  <script type="text/javascript">
      $(document).ready(function() {

          
          $(".chosen-select").chosen({
              allow_single_deselect: true
          });


      });
  </script>  
</asp:Content>
